.pure-tag {
    display: var(--pure-tag-display, inline-flex);
    flex-direction: var(--pure-tag-flex-direction, row);
    align-items: var(--pure-tag-align-items, center);
    justify-content: var(--pure-tag-justify-content, center);
    gap: var(--pure-tag-gap, 2px);
    box-sizing: border-box;
    padding: var(--pure-tag-padding, 0 0.8em);
    height: var(--pure-tag-height, 2.25em);
    line-height: var(--pure-tag-line-height, 1);
    border-radius: var(--pure-tag-border-radius, 4px);
    color: var(--pure-tag-color, #ffffff);
    position: relative;
    overflow: var(--pure-tag-overflow, hidden);
    font-size: var(--pure-tag-font-size, var(--pure-font-size-smaller));
    background: var(--pure-tag-background, var(--pure-tag-theme, var(--pure-theme-primary)));
    border: var(--pure-tag-border-width) var(--pure-tag-border-style, solid) var(--pure-tag-border-color);
}

.pure-tag-icon,
.pure-tag-content,
.pure-tag-close {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
}

.pure-tag-icon {
    font-size: var(--pure-tag-icon-size);
    color: var(--pure-tag-icon-color);
}

.pure-tag-close {
    font-size: var(--pure-tag-close-size);
    color: var(--pure-tag-close-color);
    margin: var(--pure-tag-close-margin, 0 0 0 2px);
}
